<HTML>
<HEAD>
<TITLE>Waciwo TABLE.rules</TITLE>

<SCRIPT LANGUAGE="JavaScript">
var timeoutID
var rulesValues = ["all", "cols", "groups", "none", "rows"]
function rotateBorder(i) {
    document.getElementById("myTABLE").rules = rulesValues[i]
    document.getElementById("myCAPTION").innerHTML = rulesValues[i]
    i = (++i == rulesValues.length) ? 0 : i
    timeoutID = setTimeout("rotateBorder(" + i + ")", 2000)
}
function stopRotate() {
    clearTimeout(timeoutID)
    document.getElementById("myTABLE").rules = "all"
    document.getElementById("myCAPTION").innerHTML = "all"
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Waciwo TABLE.rules</H1>
<HR>
<FORM NAME="controls">
<FIELDSET>
<LEGEND>Cykliczne stosowanie wszystkich dostpnych wartoci waciwoci rules</LEGEND>
<TABLE WIDTH="100%" CELLSPACING=20><TR>
<TD><INPUT TYPE="button" VALUE="Zmieniaj cyklicznie" onClick="rotateBorder(0)"></TD>
<TD><INPUT TYPE="button" VALUE="Przerwij zmienianie" onClick="stopRotate()"></TD>
</TR>
</TABLE>
</FIELDSET>
</TABLE>
</FIELDSET>
</FORM>
<HR>
<TABLE ID="myTABLE" CELLPADDING=5 BORDER=3 ALIGN="center">
<CAPTION ID="myCAPTION">Domylny</CAPTION>
<COLGROUP SPAN=1>
<COLGROUP SPAN=3>
<THEAD ID="myTHEAD">
<TR>
    <TH>Rzeka<TH>Zlewisko<TH>Dugo (mile)<TH>Dugo (km.)
</TR>
</THEAD>
<TBODY>
<TR>
    <TD>Nil<TD>Morze rdziemne<TD>4160<TD>6700
</TR>
<TR>
    <TD>Kongo<TD>Ocean Atlantycki<TD>2900<TD>4670
</TR>
<TR>
    <TD>Niger<TD>Ocean Atlantycki<TD>2600<TD>4180
</TR>
<TR>
    <TD>Zambezi<TD>Ocean Indyjski<TD>1700<TD>2740
</TR>
</TABLE>
</BODY>
</HTML>